<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
	<title>森林保卫战--游戏玩法</title>
	<style type="text/css">
   /*程煜代码全部*/
	.jianjie{
		width: 1000px;
        height: 500px;
        margin: 100px auto;
        background-image: url(森林保卫战/强1.png);
        position: relative;
	}
	#myDiv{
		width: 900px;
        height: 200px;
        border: 1px solid #000;
        background-color: #e5e5e5;
        word-wrap:break-word;
        line-height:30px;
        letter-spacing:3px;
        padding-left:3px;
        text-indent:40px;
        border-radius:5px;
        margin-top:-55px; 
        margin-left: auto;
        margin-right: auto;
        border-color: #fff;
	}
	.p1{
		height: 100px;
       font-size: 50px;
       font-family: cursive;
       color: #958d8d;
	}
	.zi{
		width: 1000px;
		margin: 0px 400px;
		padding-top: 0.5px;
	}
	.tuichu{
		height: 60px;
       width: 150px;
       border: 2px solid #000;
       text-align: center;
       position: absolute;
       right: 120px;
       bottom: 70px;
       font-size: 30px;
       border-radius: 15px;
       cursor: pointer;
       border-color: #fff;
	}
	a{
		text-decoration:none; 
		color: #958d8d;
	}
  span{
    position: absolute;
    right: 350px;
    bottom: 70px;
    font-size: 30px;
    border: 2px solid #fff;
    border-radius: 13px;
    width: 150px;
    height: 60px;
       text-align: center;
    line-height: 60px;
  }
	</style>

<script type="text/javascript">
  window.onload = function () {
   var myDiv = document.getElementById("myDiv");
   var contentArr = "游戏玩法游戏玩法游戏玩法游戏玩法游戏玩法游戏玩法游戏玩法游戏玩法游戏玩法游戏玩法游戏玩法游戏玩法游戏玩法游戏玩法游戏玩法游戏玩法游戏玩法游戏玩法游戏玩法游戏玩法游戏玩法游戏玩法游戏玩法游戏玩法游戏玩法游戏玩法游戏玩法游戏玩法".split("");
   var content = "";
   var index = 0;
   var ID = setInterval(function () {
    content += contentArr[index];
    myDiv.innerHTML = content + "_";
    index++;
    if(index === contentArr.length){
     myDiv.innerHTML = content ;
     clearInterval(ID);
     console.log("结束了");
    }
   },100);
  }
 </script>
</head>
<body>
<div class="jianjie">
<div class="zi">
<p class="p1">游戏简介</p></div>
<div id="myDiv"></div>
<span ><a href="游戏开始.html">开始游戏</a></span>
<div class="tuichu">

	<p style="margin-top: 10px;"><a href="首页.html">退出</a></p>
</div>
</div>
</body>
</html>